.headBox {
	width: 690rpx;
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 20rpx 0rpx;
}

.userHead {
	width: 150rpx;
	height: 150rpx;
	border-radius: 100%;
}

.userName {
	width: 480rpx;
	height: 150rpx;
	display: flex;
	flex-direction: column;
}

.otherBox {
	width: 100vw;
	margin: 20rpx 0rpx;
	background-color: #FFFFFF;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.otherBox1 {
	width: 100vw;
	margin: 20rpx 0rpx;
	background-color: #FFFFFF;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.otherBox2 {
	width: 100vw;
	margin: 20rpx 0rpx;
	background-color: #FFFFFF;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.other {
	width: 690rpx;
	padding: 20rpx 0rpx;
	border-bottom: 1rpx solid #FAFAFA;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.otherIcon {
	width: 50rpx;
	height: 50rpx;
}

.otherText {
	width: 550rpx;
}

.otherMore {
	width: 20rpx;
	height: 30rpx;
}